main {
	height: 100%;
	background-color: #e8e8e8;
	overflow: scroll;
	// swiper
	#banner {
		width: 100%;
		height: 95px;
		.swiper-pagination {
			.swiper-pagination-bullet {
				background-color: #fff;
			}
			// 分页器激活背景色
			.swiper-pagination-bullet-active {
				background-color: #e5e5e5;
			}
		}
		.swiper-wrapper {
			width: 100%;
			height: 100%;
		}
		#swiper1 {
			background: url("../../assets/imgs/part1.png") no-repeat center;
			background-size: cover;
		}
		#swiper2 {
			background: url("../../assets/imgs/part2.png") no-repeat center;
			background-size: cover;
		}
		#swiper3 {
			background: url("../../assets/imgs/part3.png") no-repeat center;
			background-size: cover;
		}
	}

	// 用户名
	.user {
		height: 200px;
		.username {
			height: 120px;
			// 头像
			.pic {
				width: 120px;
				height: 120px;
				img {
					width: 118px;
					height: 118px;
					border-radius: 50%;
				}
				.head-pic {
					display: none;
				}
				// vip标识
				.vip {
					bottom: 2px;
					left: 85px;
					width: 44px;
					height: 24px;
					border-radius: 4px;
					background-color: #ff6600;
				}
			}
			// 用户名
			span {
				padding-left: 10px;
				line-height: 120px;
			}
		}
	}
	// 今日打卡板块
	.punch {
		height: 70px;
		// 今日打卡标识
		.punchToday {
			padding: 6px;
			border-radius: 20px;
			background-color: #aad9f7;
			color: #004e73;
		}
	}
	// 个人动态
	.active {
		height: 60px;
	}
	// 运动数据
	.data {
		height: 154px;
		//
		.title {
			height: 40px;
		}
		// 数据详情
		.dataDet {
			height: 90px;
			li {
				width: 150px;
				padding-left: 10px;
				p:nth-child(2) {
					span {
						letter-spacing: 2px;
						font-size: 30px;
					}
				}
			}
			li:nth-child(2) {
				border-left: 1px dotted #666;
			}
		}
	}
	// 徽章
	.badge {
		height: 160px;
		// 徽章图标板块
		.badgePic {
			width: 335px;
			padding: 20px 0;
			// 每个徽章
			div {
				width: 80px;
				height: 80px;
				> img {
					width: 80px;
					height: 80px;
				}
			}
		}
	}
}

// 图标字体大小
.icon {
	font-size: 22px;
}
